<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link rel="stylesheet" type="text/css" href="css/jquery.slider.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/tdfriendselector.css"/>
    <link type="text/css" href="css/jquery.jnotify.min.css" rel="stylesheet" title="default" media="all" />

    <script src="js/lib/head.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="http://js.pusher.com/1.11/pusher.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="js/lib/jquery.jnotify.min.js"></script>
    <script type="text/javascript">
        head.js("js/utils/log-notify.js",
                "js/lib/prototypeInheritance.js",
                "js/lib/jquery.slider.min.js",
                "js/lib/jquery.address-1.4.min.js",
                "js/utils/utils.js",
                "js/settings.js",
                "js/conf.js",
                "http://connect.facebook.net/en_US/all.js",
                "js/FB/facebook.js",
                "js/menu/rankings.js",
                "js/menu/profile.js",
                "js/menu/help.js",
                "js/menu/about.js",
                "js/menu/menu.js",
                "js/utils/md5.js",
                "js/utils/date.js",
                "js/utils/fullscreen.js",
                "js/localstorage.js",
                "js/settings.js",
                "js/loadLevel.js",
                "js/server/lobby.js",
                "js/server/controller.js",
                "js/classes/player.js",
                "js/classes/bomb.js",
                "js/classes/gameMode.js",
                "js/processKeys.js",
                "js/ai/baseAI.js",
                "js/ai/graph.js",
                "js/ai/astar.js",
                "js/lib/tdfriendselector.js",
                "js/lib/jquery.tinyscrollbar.min.js",
                "js/sidebar.js",
                "js/main.js",
                "js/address.js"
        );
    </script>
    <title>BomberMan</title>
</head>

<body>
<div id="fb-root"></div>
<div id="content">
    <div id="canvasLeftWrapper">
        <a id="link-1" title="Profile" href="#" rel="address:/profile">Profile</a>
        <a id="link-2" title="Rankings" href="#" rel="address:/rankings">Rankings</a>
        <a id="link-3" title="Help" href="#" rel="address:/help">Help</a>
        <a id="link-4" title="About" href="#" rel="address:/about">About</a>
    </div>
    <div id="canvasWrapper">
        <div id="canvasWrapperTop">
            <div class="left"></div>
            <div id="title-1"></div>
            <div id="title-2"></div>
            <div id="title-3"></div>
            <div class="right"></div>
        </div>
        <div id="canvasWrapperLeft">
            <div class="upper"></div>
            <div id="settings">
                <div id="volume"></div>
                <div id="screen-size"></div>
                <div id="details"></div>
            </div>
            <div id="lower-left"></div>
        </div>
        <div id="canvasWrapperSelf">
            <canvas id="canvas" width="608px" height="512px">
                Browser not compatible with canvas.<br />
                Download Firefox 4+.
            </canvas>
        </div>

        <div id="TDFriendSelector">
            <div class="TDFriendSelector_dialog">
                <a href="#" id="TDFriendSelector_buttonClose">x</a>
                <div class="TDFriendSelector_form">
                    <div class="TDFriendSelector_header">
                        <p>Select your friends</p>
                    </div>
                    <div class="TDFriendSelector_content">
                        <p>Then you can invite them to join you in the app.</p>
                        <div class="TDFriendSelector_searchContainer TDFriendSelector_clearfix">
                            <div class="TDFriendSelector_selectedCountContainer"><span class="TDFriendSelector_selectedCount">0</span> / <span class="TDFriendSelector_selectedCountMax">0</span> friends selected</div>
                            <input type="text" placeholder="Search friends" id="TDFriendSelector_searchField" />
                        </div>
                        <div class="TDFriendSelector_friendsContainer"></div>
                    </div>
                    <div class="TDFriendSelector_footer TDFriendSelector_clearfix">
                        <a href="#" id="TDFriendSelector_pagePrev" class="TDFriendSelector_disabled">Previous</a>
                        <a href="#" id="TDFriendSelector_pageNext">Next</a>
                        <div class="TDFriendSelector_pageNumberContainer">
                            Page <span id="TDFriendSelector_pageNumber">1</span> / <span id="TDFriendSelector_pageNumberTotal">1</span>
                        </div>
                        <a href="#" id="TDFriendSelector_buttonOK">OK</a>
                    </div>
                </div>
            </div>
        </div>

        <div id="canvasWrapperRight">
            <div class="upper"></div>
            <div id="lower-right"></div>
        </div>
        <div id="canvasWrapperBottom">
            <div id="left"></div>
            <p>Made by Jaanus Jaggo, Taivo Käsper, Tõnis Pool</p>
            <div id="right"></div>
        </div>
        <div id="moon"></div>
    </div>
    <div id="canvasRightWrapper">
        <input type="submit" class="fb_login" value="" onclick="doLogin();"/>
        <div id="upper-profile"></div>
        <div id="lower-profiles"></div>
    </div>
</div>

<div pub-key="pub-f81fabc8-ff01-4d81-9205-036c29f9f188" sub-key="sub-3ef5c5d4-814f-11e1-8596-79f4336253e3" ssl="off" origin="pubsub.pubnub.com" id="pubnub"></div>
<script src="http://cdn.pubnub.com/pubnub-3.1.min.js"></script>
</body>
</html>